<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/12/26
  Time: 10:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="utf-8">
  <title>后台管理员登录</title>

  <%--导入boostrap的css/jquery的js/boostrap的js--%>
  <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet" />
  <%--导入jquery的js--%>
  <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
  <%--导入boostrap的js文件--%>
  <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>

  <style>
    #bodyDiv{
      background-image: url(${pageContext.request.contextPath}/img/bg.jpg);
    }

    /* 控制大的div */
    #mainDiv{

      border: 1px solid black;
      /* 整个div设置宽度和高度*/
      width: 420px;
      height:260px;;

      /* 边框圆角  像素弧度大小 */
      border-radius: 5px;

      /* margin-left: 430px;
       margin-top: 130px; */
      /* 上 右  下 左*/
      margin:130px 0 0  430px;
      /*background-color: #87CEFA;*/


    }
    /* 给id="userDiv" */
    #userDiv{
      margin: 40px 0 0 50px;
    }
    /* 给id="pwdDiv"控制样式 */
    #pwdDiv{
      margin: 20px 0 0 50px;
    }
    /* 给id="rememDiv"控制样式 */
    #rememDiv{
      margin: 20px 0 0 150px;
    }
    /* 给id="btnDiv"控制样式 */
    #btnDiv{
      margin: 20px 0 0 150px;
    }

    #tip{
      color: red;
      font-size: 20px;
      text-align: center;
    }


  </style>
</head>
<body id="bodyDiv">
<%--<div id="mainDiv">--%>
  <%--
    jsp :el表达式  通过访问javabean的bean属性
        获取上下文路径
        ${pageContext.request.contextPath}
  --%><%--
  <form  action="${pageContext.request.contextPath}/admin_login" method="post">
    <div id="userDiv">
      &lt;%&ndash;表单中必填属性 name是属性:给后台标记书写的内容

      &ndash;%&gt;
      用户名:<input type="text" name="username" placeholder="请输入用户名" />
    </div>

    <div id="pwdDiv">
      密&ensp;&ensp;码:<input type="password" name="password" placeholder="请输入密码" />
    </div>
    <div id="rememDiv">
      <input type="checkbox" /> remember me
    </div>

    <div id="btnDiv">
      <input type="submit" value="登录" />
    </div>--%>
  <%--  <div id="tip">

      &lt;%&ndash;<%
       String msg = (String) request.getAttribute("msg") ;
      %>
      <%=msg%>

      &ndash;%&gt;
      ${msg}--%>
<%--    </div>

  </form>
</div>--%>
<%--boostrap框架 提供表单 水平排列表单--%>
<div id="mainDiv">
  <form class="form-horizontal" action="${pageContext.request.contextPath}/admin?methodName=admin_login" method="post">
    <div id="userDiv"  class="form-group">
      <label for="username" class="col-md-3 control-label">用户名</label>
      <div class="col-md-9">
        <input type="text" name="username" class="form-control" id="username" placeholder="请输入用户名">
      </div>
    </div>
    <div id="pwdDiv" class="form-group">
      <label for="password" class="col-md-3 control-label">密码</label>
      <div class="col-md-9">
        <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码">
      </div>
    </div>
    <div id="rememDiv" class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <div class="checkbox">
          <label>
            <input type="checkbox">记住我
          </label>
        </div>
      </div>
    </div>
    <div id="btnDiv" class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <input type="submit" class="btn btn-info" value="登录" />
      </div>
    </div>
    <div id="tip">
      ${msg}
    </div>
  </form>
</div>


</body>
</html>
